<template>
  <ImageLoader class="test-container" src="https://images.pexels.com/photos/33109/fall-autumn-red-season.jpg?fit=crop&crop=entropy&w=3456&h=2304"
  placeholder="https://images.pexels.com/photos/33109/fall-autumn-red-season.jpg?w=100" @load="handleLoad"/>
</template>

<script>
import ImageLoader from './index.vue'
export default {
  components: { ImageLoader },
  methods:{
      handleLoad(){
          console.log('一切尘埃落定');
      }
  }
}
</script>

<style scoped>
.test-container{
    width: 500px;
    height: 400px;
    border: 1px solid red;
}
</style>